<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<table border="1">
    <tr><!--table row 行  colspan跨列，合并几列就把后面合并的列数删除，跨列需要设置居中方式-->
        <td colspan="2" align="center">1-1</td><!--td:列-->
        <!--rowspan 跨行，合并几行就把后面的行数删除，跨行不需要设置居中方式，默认居中-->
        <td rowspan="2">1-3</td>
        <td rowspan="3" >1-4</td>
    </tr>
    <tr>
        <td>2-1</td>
        <td>2-2</td>
    </tr>
    <tr>
        <td colspan="3" align="center">3-1</td>
    </tr>
</table>
<table border="1"><!--border 边框-->
    <!--caption表格标题-->
    <caption>购物车</caption>
    <tr>
        <!--Table head 表头，加粗并居中-->
        <th>编号</th><th>商品名</th><th>价格</th>
    </tr>
    <tr>
        <td>1</td><td>华为手机</td><td>3000</td>
    </tr>
    <tr>
        <td>2</td><td>小米手环</td><td>2000</td>
    </tr>
</table>
</body>
</html>